<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>


<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

  

<head>
    <title></title>
    <decorator:title default=""/>
    
   
    <script src="${pageContext.request.contextPath}/lib/jquery-1.11.1.min.js" type="text/javascript"></script>
    
    
      <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/lib/font-awesome/css/font-awesome.css">


     <script src="${pageContext.request.contextPath}/lib/jquery.validate.min.js" type="text/javascript"></script>
	  <script src="${pageContext.request.contextPath}/lib/jquery.metadata.js" type="text/javascript"></script>
     <!-- 1111111111 -->
     <%--  <link href="${pageContext.request.contextPath}/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"> --%>
    <link href="${pageContext.request.contextPath}/lib/bootstrap/css/highlight.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/lib/bootstrap/css/bootstrap-switch.css" rel="stylesheet">
 
   
     <!-- 111111111111111 -->
     
     
      <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/jquery-ui.css">
	  <script src="${pageContext.request.contextPath}/lib/jquery-ui.js" type="text/javascript"></script>

    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/stylesheets/theme.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/stylesheets/premium.css">
    
     <link href="${pageContext.request.contextPath}/lib/bootstrap/css/main.css" rel="stylesheet">
    
    
	  
	  
	  <link href="${pageContext.request.contextPath}/lib/bootstrap/css/polaris.css" rel="stylesheet">
<script src="${pageContext.request.contextPath}/lib/bootstrap/js/icheck.js?v=1.0.2"></script>
	 
	 
	   <%-- <script src="${pageContext.request.contextPath}/lib/bootstrap-popover.js" type="text/javascript"></script> --%>
	   <style type="text/css">
	   		input.error { border: 1px solid red; }
			label.error {
 			 background:url("./demo/images/unchecked.gif") no-repeat 0px 0px;

  			padding-left: 16px;

 			padding-bottom: 2px;

  			font-weight: bold;

 			 color: #EA5200;
}
	   </style>
</head>

    <body class=" theme-blue">

    <!-- Demo page code -->

    <script type="text/javascript">
   
    
        $(function() {
            var match = document.cookie.match(new RegExp('color=([^;]+)'));
            if(match) var color = match[1];
            if(color) {
                $('body').removeClass(function (index, css) {
                    return (css.match (/\btheme-\S+/g) || []).join(' ')
                })
                $('body').addClass('theme-' + color);
            }

            $('[data-popover="true"]').popover({html: true});
            
        });
    </script>
    
    
    <style type="text/css">
    
    
        #line-chart {
            height:300px;
            width:800px;
            margin: 0px auto;
            margin-top: 1em;
        }
        .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover { 
            color: #fff;
        }
    </style>

    <script type="text/javascript">
        $(function() {
            var uls = $('.sidebar-nav > ul > *').clone();
            uls.addClass('visible-xs');
            $('#main-menu').append(uls.clone());
        });
    </script>

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  

  <!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
  <!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
  <!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
  <!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
  <!--[if (gt IE 9)|!(IE)]><!--> 
   
  <!--<![endif]-->

    <div class="navbar navbar-default" role="navigation">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="" href="index.html"><span class="navbar-brand"><span class="fa fa-paper-plane"></span><spring:message code="title.name"/> </span></a></div>

        <div class="navbar-collapse collapse" style="height: 1px;">
          <ul id="main-menu" class="nav navbar-nav navbar-right">
            <li class="dropdown hidden-xs">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <span class="glyphicon glyphicon-user padding-right-small" style="position:relative;top: 3px;"></span> ${client }
                    <i class="fa fa-caret-down"></i>
                </a>

              <ul class="dropdown-menu">
                <li><a href="./">My Account</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Admin Panel</li>
                <li><a href="./">Users</a></li>
                <li><a href="./">Security</a></li>
                <li><a tabindex="-1" href="./">Payments</a></li>
                <li class="divider"></li>
                <li><a tabindex="-1" href="${pageContext.request.contextPath }/logout">Logout</a></li>
              </ul>
            </li>
          </ul>

        </div>
      </div>
    </div>
    

    <div class="sidebar-nav">
    <ul>
  
    
   <%--  <c:if test="${not empty teacher }">
      <li><a href="#" data-target=".dashboard-menu" class="nav-header" data-toggle="collapse"><i class="fa fa-fw fa-dashboard"></i> 学生管理<i class="fa fa-collapse"></i></a></li>
    <li><ul class="dashboard-menu nav nav-list collapse in">
    <!-- Dashboard -->
            <li id="roleList" class=""><a href="${pageContext.request.contextPath}/stu/stuList"><span class="fa fa-caret-right"></span> Student List</a></li>
            <li id="userList" class="active"><a href="${pageContext.request.contextPath }/tea/teacherList"><span class="fa fa-caret-right"></span> Teacher List</a></li>
    </ul></li>
	</c:if>
<!-- 1111111111111111111111111111111111 -->
    <li data-popover="true" data-content="Items in this group require a <strong><a href='http://portnine.com/bootstrap-themes/aircraft' target='blank'>premium license</a><strong>." rel="popover" data-placement="right"><a href="#" data-target=".premium-menu" class="nav-header collapsed" data-toggle="collapse"><i class="fa fa-fw fa-fighter-jet"></i> 题目管理<i class="fa fa-collapse"></i></a></li>
        <li><ul class="premium-menu nav nav-list collapse in">
                <!-- <li class="visible-xs visible-sm"><a href="#">- Premium features require a license -</a></li> -->
            <c:if test="${not empty teacher }">
            	<li ><a href="${pageContext.request.contextPath}/ti/tiList"><span class="fa fa-caret-right"></span> <spring:message code="decor.ti"/></a></li>
            <li ><a href="${pageContext.request.contextPath}/ti/tiDiffList"><span class="fa fa-caret-right"></span> <spring:message code="decor.tiDifficult"/></a></a></li>
            <li ><a href="${pageContext.request.contextPath}/ti/tiTypeList"><span class="fa fa-caret-right"></span> <spring:message code="decor.tiType"/></a></a></li>
            </c:if>
             <li ><a href="${pageContext.request.contextPath}/subject/subjectList"><span class="fa fa-caret-right"></span> <spring:message code="decor.subject"/></a></a></li>
    </ul></li>

		


        <li><a href="#" data-target=".accounts-menu" class="nav-header collapsed" data-toggle="collapse"><i class="fa fa-fw fa-briefcase"></i> Account <span class="label label-info">+3</span></a></li>
        <li><ul class="accounts-menu nav nav-list collapse in">
            <li ><a href="${pageContext.request.contextPath }/view/sign/login.jsp"><span class="fa fa-caret-right"></span> Sign In</a></li>
            <li ><a href="sign-up.html"><span class="fa fa-caret-right"></span> Sign Up</a></li>
            <li ><a href="reset-password.html"><span class="fa fa-caret-right"></span> Reset Password</a></li>
    </ul></li> --%>
	<c:if test="${not empty  mnList}">
	
	<c:forEach items="${mnList }" var="mn">
		<c:if test="${mn.parentId eq 0 }">
				<li><a href="#" data-target=".accounts-menu" class="nav-header collapsed" data-toggle="collapse"><i class="fa fa-fw fa-briefcase"></i> ${mn.title } <span class="label label-info">+3</span></a></li>
			</c:if>
	</c:forEach>
		<c:forEach items="${mnList }" var="mn">
			<c:if test="${mn.parentId gt 0 }">
				<li><ul class="accounts-menu nav nav-list collapse in">
            	<li ><a href='${pageContext.request.contextPath }/${mn.roldUrl }'><span class="fa fa-caret-right"></span> ${mn.title }</a></li>
    	</ul></li>
			</c:if>
        
		</c:forEach>
	</c:if> 
	<%-- <c:if test="${not empty  mnList}">
		<c:forEach items="${mnList }" var="mn">
		<c:if test="${mn.parentId gt 0 }">
				<li data-popover="true" data-content="Items in this group require a <strong><a href='http://portnine.com/bootstrap-themes/aircraft' target='blank'>premium license</a><strong>." rel="popover" data-placement="right"><a href="#" data-target=".premium-menu" class="nav-header collapsed" data-toggle="collapse"><i class="fa fa-fw fa-fighter-jet"></i> ${mn.title }<i class="fa fa-collapse"></i></a></li>
				
				
				<li><ul class="premium-menu nav nav-list collapse in">
            	<li ><a href='${pageContext.request.contextPath }/${mn.roldUrl }'><span class="fa fa-caret-right"></span> ${mn.title }</a></li>
    	</ul></li>
			</c:if>
        
		</c:forEach>
	</c:if> --%>
	

 <c:if test="${not empty startExam }">
 <li><a href="#" class="nav-header collapsed"><i class="fa fa-fw fa-fighter-jet"></i> 考试编号</a></li>
 		<li><ul class="pagination">
 			<!-- <li><a href="#">&laquo;</a></li> -->
			<%for(int i =0;i<20;i++) {%>
 				 <li  class=" "><a tabindex="<%=i+1 %>" href="#" onclick="nextTi(this)" id="<%=i+1 %>"><%=i+1 %></a></li>
			<% }%>
			<li onclick="nxTi(this);count()" id="count"><a href="#">提交</a></li>
		<!-- <li><a href="#">&raquo;</a></li> -->
		</ul>
		</li>
		</c:if>

        <li><a href="help.html" class="nav-header"><i class="fa fa-fw fa-question-circle"></i> Help</a></li>
            </ul>
            
           
    </div>

   
            

    <decorator:body />
  

<!-- <div class="modal small fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Delete Confirmation</h3>
        </div>
        <div class="modal-body">
            <p class="error-text"><i class="fa fa-warning modal-icon"></i>Are you sure you want to delete the user?<br>This cannot be undone.</p>
        </div>
        <div class="modal-footer">
            <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Cancel</button>
            <button class="btn btn-danger" data-dismiss="modal">Delete</button>
        </div>
      </div>
    </div>
</div> -->


            <footer>
                <hr>

                <!-- Purchase a site license to remove this link from the footer: http://www.portnine.com/bootstrap-themes -->
                <p class="pull-right">A <a href="http://www.portnine.com/bootstrap-themes" target="_blank">Free Bootstrap Theme</a> by <a href="http://www.portnine.com" target="_blank">Portnine</a></p>
                <p>© 2016 <a href="http://www.portnine.com" target="_blank">Portnine</a></p>
            </footer>
        </div>
    </div>


    <script src="${pageContext.request.contextPath}/lib/bootstrap/js/bootstrap.min.js"></script>
    
    
    <script type="text/javascript">
        $("[rel=tooltip]").tooltip();
        $(function() {
            $('.demo-cancel-click').click(function(){return false;});
        });
        
    </script>
    
</body>
</html>